---
title: Customization
metaTitle: Customization
description: Override and customize your Authenticator.
supportedFrameworks: android|angular|flutter|react|react-native|swift|vue
---

import { Fragment } from '@/components/Fragment';
import { FRAMEWORKS } from '@/data/frameworks';
import { getCustomStaticPath } from '@/utils/getCustomStaticPath';

export async function getStaticPaths() {
  return getCustomStaticPath(frontmatter.supportedFrameworks);
}

{/*  `getStaticProps` is required to prevent "Error: getStaticPaths was added without a getStaticProps. Without getStaticProps, getStaticPaths does nothing" */}

export async function getStaticProps() {
  return { props: {} }
}

<Fragment platforms={['flutter']}>
  {({ platform }) => import(`./customization.routing.${platform}.mdx`)}
</Fragment>

<Fragment useCommonWebContent platforms={['web', 'react-native', 'android', 'swift']}>
  {({ platform }) =>
    import(`./customization.headers-and-footers.${platform}.mdx`)
  }
</Fragment>

<Fragment useCommonWebContent platforms={['web', 'react-native']}>
  {({ platform }) =>
    import(`./customization.override-function-calls.${platform}.mdx`)
  }
</Fragment>

## Internationalization (I18n)

<Fragment useCommonWebContent>
  {({ platform }) => import(`./customization.i18n.${platform}.mdx`)}
</Fragment>

## Labels & Text

<Fragment useCommonWebContent>
  {({ platform }) => import(`./customization.labels-and-text.${platform}.mdx`)}
</Fragment>

<Fragment useCommonWebContent platforms={['web', 'flutter', 'android', 'swift']}>
  {({ platform }) => import(`./sign-up-fields.${platform}.mdx`)}
</Fragment>

<Fragment  useCommonWebContent platforms={['web', 'flutter']}>
  {({ platform }) => import(`./force-new-password-fields.${platform}.mdx`)}
</Fragment>

<Fragment useCommonWebContent platforms={['web', 'react-native', 'flutter']}>
  {({ platform }) => import(`./formfields/form-fields.${platform}.mdx`)}
</Fragment>

<Fragment useCommonWebContent platforms={['web','react-native', 'android', 'swift']}>
  {({ platform }) => import(`./customization.styling.${platform}.mdx`)}
</Fragment>

<Fragment platforms={['flutter', 'android', 'swift']}>
  {({ platform }) =>
    import(`./customization.full-ui-customization.${platform}.mdx`)
  }
</Fragment>